<template>
  <div class="od-content-container">
    <h1>出租车运营总分析</h1>
    <p>今日累计拉单数<span>{{num}}</span><span>次</span></p>
  </div>
</template>

<script>
  export default {
    name: "od-taxi",

    data: function () {
      return {
        msg: "Welcome to Your Vue.js App"
      }
    },

    props: {
      num: Number
    }
  }
</script>

<style scoped lang="scss">
  .od-content-container {
    text-align: left;
    padding-left: 10px;

    h1 {
      margin-top: 32px;
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 0;
    }

    p {
      font-size: 22px;
      margin-top: 40px;

      span:nth-child(1) {
        font-size: 36px;
        margin-left: 64px;
      }

      span:nth-child(2) {
        font-size: 24px;
      }
    }
  }
</style>
